<template>

    <a-card size="small" >
      <div>
        <a-row type="flex" style="margin-bottom:10px" :gutter="16" >
          <a-col :span="2">时间</a-col>
          <a-col :span="6">教师姓名</a-col>
          <a-col :span="10">工作内容</a-col>
          <a-col :span="3">积分</a-col>
        </a-row>

        <a-row type="flex" v-for="(item, index) in dataObject.items" :key="index" :gutter="16">
          <a-form-model style="width: 100%">
            <a-form-model-item style="display: none">
              <a-input placeholder="id" v-model="item.id" />
            </a-form-model-item>
            <a-col :span="2">
              <a-form-model-item class="gfxy-item" prop="date">
                <a-input placeholder="时间" v-model="item.date" :disabled="true"></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item class="gfxy-item" prop="workNo">
                <j-select-user-by-dep  v-model="item.workNo"  :multi="false" :disabled="true"></j-select-user-by-dep>
              </a-form-model-item>
            </a-col>

            <a-col :span="10">
              <a-form-model-item class="gfxy-item" prop="projectName">
                <a-input placeholder="工作内容" v-model="item.projectName" :disabled="disabled"></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="3">
              <a-form-model-item class="gfxy-item" prop="score">
                <a-input-number :min="0" placeholder="积分" v-model="item.score" :disabled="disabled"/>
              </a-form-model-item>
            </a-col>
          </a-form-model>
        </a-row>
      </div>
    </a-card>

</template>

<script>
import { getAction, httpAction } from '@api/manage'


export default {
  name: 'TeacherYearAssessmentResultForEducationAndServiceItemsV1',
  props: {
    dataObject: {
      type: Object,
      default: () => {}
    },
    teacherId: {
      type: String
    }
  },
  data(){
    return {
      disabled:true
    }
  },
  computed: {

  },
  watch: {

  },
  mounted() {
    console.log(this.dataObject)
  }

}
</script>

<style scoped>
.gfxy-item{
  margin-top:5px;
}
.ant-row {
  margin-bottom: 0;
}
</style>